import * as React from 'react';
import {observer} from 'mobx-react'
import styles from './index.scss';
import {Carousel} from "antd";
import ModalText from "../../../../components/ModalText";
import FirstStore from '../../../../store/firstStore'

interface IProps {
}

interface IStates {
}

@observer
class Home extends React.Component<IProps, IStates> {

    constructor(props) {
        super(props);
    }


    public render() {
        const {deviceInfo} = FirstStore
        return (
            <div className={styles.right}>
                <div className={styles.title}>
                    <span className={styles.spanWidth}><ModalText text='DRS 类型' long={10} /></span>
                    <span className={styles.spanWidth}><ModalText text='COUCH 类型' long={10} /></span>
                    <span className={styles.spanWidth}><ModalText text='GANTRY DRIVE 类型' long={25} /></span>
                    <span className={styles.spanWidth}><ModalText text='JAW 类型' long={10} /></span>
                    <span className={styles.spanWidth}><ModalText text='LASER 类型' long={10} /></span>
                    <span className={styles.spanWidth}><ModalText text='DRS 软件版本' long={10} /></span>
                    <span className={styles.spanWidth}><ModalText text='OBC 软件版本' long={10} /></span>
                    <span className={styles.spanWidth}><ModalText text='RDS 软件版本' long={10} /></span>
                </div>
                <div className={styles.swiperC}>
                    {
                        deviceInfo &&
                        <div className={styles.list}>
                            <span className={styles.spanWidth}><ModalText text={deviceInfo.DRSType} long={10} /></span>
                            <span className={styles.spanWidth}><ModalText text={deviceInfo.CouchType}
                                                                          long={10} /></span>
                            <span className={styles.spanWidth}><ModalText text={deviceInfo.GantryDriveType}
                                                                          long={25} /></span>
                            <span className={styles.spanWidth}><ModalText text={deviceInfo.JawsType} long={10} /></span>
                            <span className={styles.spanWidth}><ModalText text={deviceInfo.LaserType}
                                                                          long={10} /></span>
                            <span className={styles.spanWidth}><ModalText text={deviceInfo.SCS_DRSSoftwareVersion}
                                                                          long={10} /></span>
                            <span className={styles.spanWidth}><ModalText text={deviceInfo.OBCSoftwareVersion}
                                                                          long={10} /></span>
                            <span className={styles.spanWidth}><ModalText text={deviceInfo.RDSMachineVersion}
                                                                          long={10} /></span>
                        </div>
                    }
                </div>
            </div>
        );
    }
}

export default Home;
